<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>主页</title>
    <link rel="stylesheet" type="text/css" href="css/all.css">
    <link rel="stylesheet" type="text/css" href="css/index.css">
</head>
<body>  
    <audio src="music/白安 - 是什么让我遇见这样的你.mp3" controls="controls" autoplay="autoplay" loop="loop" preload="auto" hidden="true"></audio>
    <header class="wrapper" id="top">
        <div class="inner">
            <div id="top-1">
                <img id="house" src="images/other/house.png" alt="house">
                <img src="images/other/title.png" alt="李炯毅的私人小屋">
            </div>
        </div>
    </header>    
    <aside id="elixirs-1">
        <div id="box-1">
            <div id="top-2">
                <img id="mpng" src="images/logo/yiliao.png" alt="音乐">
                <h1>写给音乐</h1>
            </div>
            <p>
                音乐是人类的灵魂，只有懂得音乐的人才懂得生活。<br>
                音乐对我的人生来说是不可或缺的，没有音乐的人生，注定不完整。
            </p>
            <div id="middle-1">
                <img class="mpng" src="images/logo/changge.png" alt="歌手">
                <a href="file:///C:/Users/59749/Desktop/网站与网页设计/实例操作/期末作业/singer.html" target="_blank"><h2>歌手墙</h2></a>
            </div>
            <p>
                这一生影响着我的歌手有很多，是他们带给我力量，鼓励我在人生道路上不断前行。
            </p>
            <div id="middle-2">
                <img class="mpng" src="images/logo/mmp.png" alt="演唱会">
                <a href="file:///C:/Users/59749/Desktop/网站与网页设计/实例操作/期末作业/gongzhonghao.html" target="_blank"><h2>音乐公众号</h2></a>
            </div>
            <p id="bottom-1">
                2017年3月，本着推荐自己喜欢的歌手及音乐的初衷，自己注册并运营了一个微信公众号，与2017年8月停更。
            </p>
        </div> 
    </aside>
    <nav class="wrapper">
        <div class="inner">
            <ul class="nav">
                <li class="nav-item i1"><a class="button" href="file:///C:/Users/59749/Desktop/网站与网页设计/实例操作/期末作业/index.html">主页</a></li>
                <li class="nav-item i2"><a class="button" href="file:///C:/Users/59749/Desktop/网站与网页设计/实例操作/期末作业/photo.html">照片墙</a></li>
                <li class="nav-item i3"><a class="button" href="file:///C:/Users/59749/Desktop/网站与网页设计/实例操作/期末作业/yingshi.html">影视推荐</a></li>
                <li class="nav-item i4"><a class="button" href="file:///C:/Users/59749/Desktop/网站与网页设计/实例操作/期末作业/aboutme.html">关于我</a></li>
            </ul>
            <div id="spng">
                <a href="file:///C:/Users/59749/Desktop/网站与网页设计/实例操作/期末作业/qq.html" target="_blank">
                    <img class="spng" src="images/logo/qq.png" alt="腾讯QQ">
                </a>
                <a href="file:///C:/Users/59749/Desktop/网站与网页设计/实例操作/期末作业/wechat.html" target="_blank">
                    <img class="spng" src="images/logo/wechat.png" alt="微信">
                </a>
                <a href="https://weibo.com/u/3695519033?is_hot=1" target="_blank">
                    <img class="spng" src="images/logo/weibo.png" alt="新浪微博">
                </a>
                <a href="https://music.163.com/#/user/home?id=288462809" target="_blank">
                    <img class="spng" src="images/logo/wangyiyun.png" alt="网易云音乐">
                </a>
            </div>
        </div>
    </nav>
    <div class="wrapper" id="container-1">
      <div class="inner">
        <div id="con-1">
            <img src="images/other/guapai.png" alt="挂牌">
        </div>
        <div>
            <p id="title">网易云音乐热评</p>
        </div>
        <div id="con-2">
            <p class="p">&nbsp;&nbsp;这世界上有一千种等待，最好的那一种叫做来日可期，我愿意站在这里，从这一秒开始倒数，等待多年后的相遇。</p>
            <p class="right">——柳爽《莫妮卡》</p>
        </div>
        <div class="con-2">
            <p class="p">&nbsp;&nbsp;有人问，是不是越成熟就越难爱上一个人。其实不是，只是越成熟越能看清那不是爱。</p>
            <p class="right">——鲁向卉《也罢》</p>
        </div>
        <div class="con-2">
            <p class="p">&nbsp;&nbsp;原漂泊的人都有酒喝，愿孤独的人都会唱歌。愿相爱的人都有未来，愿等待的人都有回答。</p>
            <p class="right">——卢冠廷/莫文蔚《一生所爱》</p>
        </div>
        <div class="con-2">
            <p class="p">&nbsp;&nbsp;一个人随着年龄增长，梦想便不复轻盈。他开始用双手掂量生活，更看重果实而非花朵。其实生活不生活，能活着是最幸运的事了。</p>
            <p class="right">——房东的猫《美好事物》</p>
        </div>
        <div class="con-2">
            <p class="p">&nbsp;&nbsp;等人是会上瘾的。因为等着等着，你会发现，如果你不等了，不是放弃了对方，而是背叛了自己。</p>
            <p class="right">——李荣浩《不将就》</p>
        </div>
      </div>
    </div>
</body>
</html>